<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>新增农事操作记录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../component/elementUI/index.css">
    <link rel="stylesheet" href="../../../component/pear/css/pear.css" />
    <link rel="stylesheet" href="../../../style/wangeditor.css">
    <link rel="stylesheet" href="../../../style/free.css">
    <style>
        .text {
		    line-height: 70rem;
	    }
	
	    .text+ .text {
		    margin-left: 20rem;
	    }
        
        input {
            border: none;       /* 去掉边框 */
            background: none;   /* 去掉背景 */
            padding: 0;         /* 去掉内边距 */
            margin: 0;          /* 去掉外边距 */
            outline: none;      /* 去掉聚焦时的轮廓 */
            appearance: none;   /* 去掉系统默认样式（如搜索框的删除按钮） */
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <el-row style="padding-bottom: 140rem;">
            <!-- 新增农事操作记录 -->
            <el-col :xs="24" class="pt-2">
                <div class="mx-2 rounded-lg bg-white">
                    <div class="flex justify-between align-center py-2 border-bottom">
                        <span class="font font-weight-bold ml-2">新增农事操作记录</span>
                    </div>
                    <div class="mx-2 py-2 flex align-center border-bottom border-light">
                        <span class="font flex-shrink" style="width: 25%;"><i class="text-danger">* </i>地块编号</span>
                        <el-select v-model.trim="formData.Land_SerialNumber" placeholder="请选择地块编号" style="width: 100%;" clearable filterable>
                            <el-option v-for="(item,index) in land_info" :key="index" :label="item.Land_Name" :value="item.Land_SerialNumber" />
                        </el-select>
                    </div>
                    <div class="mx-2 py-2 flex align-center">
                        <span class="font flex-shrink" style="width: 25%;"><i class="text-danger">* </i>操作图片</span>
                        <div class="ml-2 font w-100">
                            <yl-upload v-model="formData.Operation_Photo"></yl-upload>
                        </div>
                    </div>
                    <div class="mx-2 py-2 flex align-center">
                        <span class="font flex-shrink" style="width: 25%;"><i class="text-danger">* </i>作物</span>
                        <el-select class="ml-2 font w-100" v-model.trim="formData.Crop_SerialNumber" placeholder="请选择作物" clearable filterable>
                            <el-option v-for="(item,index) in crop" :key="index" :label="item.Crop_Name" :value="item.Crop_SerialNumber" />
                        </el-select>
                    </div>
                    <div class="mx-2 py-2 flex align-center">
                        <span class="font flex-shrink" style="width: 25%;"><i class="text-danger">* </i>操作人</span>
                        <el-select class="ml-2 font w-100" v-model.trim="formData.Planting_People_SerialNumber" placeholder="请选择操作人" clearable filterable>
                            <el-option v-for="(item,index) in planting_people" :key="index" :label="item.Planting_People_Name" :value="item.Planting_People_SerialNumber" />
                        </el-select>
                    </div>
                    <div class="mx-2 py-2 flex align-center">
                        <span class="font flex-shrink" style="width: 25%;">操作类型</span>
                        <el-select class="ml-2 font w-100" v-model.trim="formData.Operation_Type" placeholder="请选择操作类型" clearable filterable>
                            <el-option v-for="(item,index) in Operation_Type" :key="index" :label="item.name" :value="item.name" />
                        </el-select>
                    </div>
                    <div class="mx-2 py-2 flex align-center">
                        <span class="font flex-shrink" style="width: 25%;">操作日期</span>
                        <el-date-picker @change="handleDate" v-model.trim="formData.Operation_Date"
                                    format="yyyy-MM-dd" style="width: 100%;" value-format="yyyy-MM-dd" type="date"
                                    placeholder="可选择操作日期" size="large">
                        </el-date-picker>
                    </div>
                    <div class="mx-2 py-2 flex align-center">
                        <span class="font flex-shrink" style="width: 25%;">生育期</span>
                        <el-select v-model.trim="formData.Growth_Stage" placeholder="请选择生育期" style="width: 100%;" clearable filterable>
                            <el-option v-for="(item,index) in growth_stage" :key="index" :label="item.name" :value="item.name" />
                        </el-select>
                    </div>
                    <div class="mx-2 py-2 flex align-center">
                        <span class="font flex-shrink" style="width: 25%;">农资名称</span>
                        <el-input v-model.trim="formData.Material_Name"
                                    placeholder="请输入农资名称">
                        </el-input>
                    </div>
                    <div class="mx-2 py-2 flex align-start">
                        <span class="font flex-shrink" style="width: 25%;">农资用量</span>
                        <el-input v-model.trim="formData.Material_Dosage"
                                    placeholder="请输入农资用量">
                        </el-input>
                    </div>
                    <div class="mx-2 py-2 flex align-start">
                        <span class="font flex-shrink" style="width: 25%;">用量单位</span>
                        <el-input v-model.trim="formData.Dosage_Unit"
                                    placeholder="请输入用量单位">
                        </el-input>
                    </div>
                </div>
            </el-col>
            <el-col :xs="24">
                <div class="flex align-center bg-white fixed-bottom shadow" style="height: 120rem;">
                    <div @click="handleBack" class="mx-2 bg-success w-100 flex justify-center align-center text-white rounded-circle "  style="height: 80rem;">
                        <span class="font font-weight-bold">返回</span>
                    </div>
                    <div @click="handleSubmit" class="mx-2 bg-success w-100 flex justify-center align-center text-white rounded-circle "  style="height: 80rem;">
                        <span class="font font-weight-bold">提交记录</span>
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
    <script type="text/javascript" src="../../../utils/wangeditor.js"></script>
    <script type="text/javascript" src="../../../utils/xlsx.full.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../utils/vue.min.js"></script>
    <script type="text/javascript" src="../../../utils/vuex.min.js"></script>
    <script type="text/javascript" src="../../../component/elementUI/index.js"></script>
    <script type="text/javascript" src="../../../utils/jweixin.js"></script>
    <script type="text/javascript" src="../../../utils/components.js"></script>
    <script type="text/javascript" src="../../../utils/compressor.js"></script>
    <script type="text/javascript" src="../../../utils/validity.js"></script>
    <script type="text/javascript" src="../../../utils/utils.js"></script>
    <script type="text/javascript" src="../../../utils/http.js"></script>
    <script type="text/javascript" src="js/farm_operation_record_add.js"></script>
</body>

</html>
